@charset "utf-8";
/* CSS Document */

/*  CSS definations for odder antenne  */
/*-------------------------------------------------------------------------------------------

INDEX:

0. RESET

1. SETUP
	1.1 Defaults
	1.2 Common Tags

2. SITE STRUCTURE & APPEARANCE
	2.1 Wrapper
	2.2 Header
		2.2.1 Navigation
		2.2.2 logo
		2.2.3 Login
		2.2.4 User Profile
		2.2.5 Notification
		2.2.6 Search
	2.3 Container 
		2.3.1 Home Search
		2.3.2 Join In Form
		2.3.3 About Us
		2.3.4 Join As Form
	2.4 Footer
		2.4.1 Navigation

-------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------*/
/* 0. RESET */
/*-------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/raleway-regular-webfont.eot');
    src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-regular-webfont.woff') format('woff'),
         url('fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*{
	outline:none;
}

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, strong {
	font-weight:normal;
}
i, em { 
	font-style:italic; 
}
.left {
	float:left;
}
.right {
	float:right;
}
.alignleft{
	text-align:left;	
}
.alignright{
	text-align:right;	
}
.aligncenter{
	text-align:center;	
}
.clear  {
	clear:both;
	line-height:1px;
	height:1px;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}
textarea{
	overflow:auto;
}
a { 
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
address {
	font-style:normal;
}

/* 1.2 Common Tags */

h1{ display:none;}



/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

body {
	font-size:12px;
	font-family: 'ralewayregular' !important;
	background: #f9f9f9;
	/* Old Browsers *//*background: -moz-linear-gradient(top, #ffffff 0%, #dfe0e2 100%);*/
	/* FF3.6+ *//*background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dfe0e2));*/
	/* Chrome, Safari4+ *//*background: -webkit-linear-gradient(top, #ffffff 0%, #dfe0e2 100%);*/
	/* Chrome10+,Safari5.1+ *//*background: -o-linear-gradient(top, #ffffff 0%, #dfe0e2 100%);*/
	/* Opera 11.10+ *//*background: -ms-linear-gradient(top, #ffffff 0%, #dfe0e2 100%);*/
	/* IE 10+ *//*background: linear-gradient(to bottom, #ffffff 0%, #dfe0e2 100%);*/
	/* W3C *//*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfe0e2', GradientType=0 );*/
	/* IE6-9 */
	height:100%;
}

/* 2.1 Wrapper */

.zigya_homepage{
	width:100%;
	background-image:url(../images/sky_1920x1080.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	}

/* 2.2 Header */
.error{color:#ec008c}
.wrapper header{ position:relative; margin:0 auto;}

.wrapper header nav{ width:960px; margin:0 auto; padding-top:0px; position:relative; background-image:url(../images/nav_background.png); font-size:12px; background-position: 21px 70px; background-repeat:no-repeat; transform:scale(0.85,0.85); -webkit-transform:scale(0.85,0.85); -moz- transform:scale(0.9,0.9); -ms- transform:scale(0.9,0.9); -o- transform:scale(0.9,0.9);}

.wrapper header nav ul li{ float:left; list-style:none; text-align:center;}

.wrapper header nav ul li a{ color:#cececd; text-decoration:none; position:relative; z-index:5000; outline:0 none;}

.wrapper header nav ul li a:hover{ color:#ec008c; text-decoration:none;}

.wrapper header nav ul li a.active{ color:#ec008c; text-decoration:none;}

.wrapper header nav ul li a p{ padding:20px 0px 0px 0px; text-transform:uppercase; text-align:center; font-size:12px;}

.wrapper header nav ul .study{ margin:37px 27px 0px 0px; }

.wrapper header nav ul .study a{ width:44px; display:block;}

.wrapper header nav ul .practice{ margin:37px 45px 0px 45px;}

.wrapper header nav ul .practice a{display: block; width: 65px;}

.wrapper header nav ul .assignment{ margin:37px 31px 0px 24px;}

.wrapper header nav ul .assignment a{ width:87px; display:block;}

.wrapper header nav ul .logo{ padding:28px 0px 2px 3px; width:173px;}

.wrapper header nav ul .test{ margin:37px 0px 0px 56px; }

.wrapper header nav ul .test a{display: block; width: 34px;}

.wrapper header nav ul .myspace{ margin:37px 0px 0px 70px; }

.wrapper header nav ul .myspace a{display: block; width: 67px;}

.wrapper header nav ul .group_wall{ margin:37px 0px 0px 66px; }

.wrapper header nav ul .group_wall a{display: block; width: 115px;}

.wrapper header nav #practice_icon{ position:absolute; top:7px; left:26px;}

.wrapper header nav #assignment_icon{ position:absolute; top:8px; left:36px;}

.wrapper header nav #test_icon{ position:absolute; top:6px; right:7px;}

.wrapper header nav #myspace_icon{ position:absolute; top:10px; right:22px;}

.wrapper header nav #my_group_wall_icon{ position:absolute; top:10px; right:44px;}

.wrapper header nav #pink_line1{position:absolute; top:71px; left:291px;}

.wrapper header nav #pink_line2{position:absolute; top:71px; left:147px;}

.wrapper header nav #pink_line3{position:absolute; top:71px; left:21px;}

.wrapper header nav #pink_line4{position:absolute; top:71px; right:342px;}

.wrapper header nav #pink_line5{position:absolute; top:71px; right:220px;}

.wrapper header nav #pink_line6{position:absolute; top:71px; right:62px;}

.wrapper header nav #blue_line4{position:absolute; top:71px; right:56px;}

.wrapper header nav #study_icon{ position:absolute; top:7px; left:15px;}

.wrapper header .login{ width:30px; position:absolute; right:30px; top:50px;}

.wrapper header .login_icon{ cursor:pointer; width:30px; height:30px; background-image:url(../images/login_icon.png); background-repeat:no-repeat; background-position:-33px 0px;}

.wrapper header .login_icon:hover{ cursor:pointer; width:30px; height:30px; background-image:url(../images/login_icon.png); background-repeat:no-repeat; background-position:0px 0px;}

.wrapper header .login_icon a{ display:block; }

.wrapper header .login_icon2{ cursor:pointer; width:30px; height:30px; background-image:url(../images/login_icon2.png); background-repeat:no-repeat; background-position:-33px 0px;}

.wrapper header .login_icon2:hover{ cursor:pointer; width:30px; height:30px; background-image:url(../images/login_icon2.png); background-repeat:no-repeat; background-position:0px 0px;}

.wrapper header .login_icon2 a{ display:block; }


.wrapper header nav .icon_study{ padding:30px 0px 0px 0px; width:44px; margin:0 auto; position:relative; background-image:url(../images/zigya_header_icons.png); background-repeat: no-repeat; background-position:7px -1px;}

.wrapper header nav .icon_study:hover{ padding:30px 0px 0px 0px; margin:0 auto; position:relative; background-image:url(../images/zigya_header_icons.png); background-repeat: no-repeat; background-position:7px -108px;}

.wrapper header nav .icon_study.active{ padding:30px 0px 0px 0px; margin:0 auto; position:relative; background-image:url(../images/zigya_header_icons.png); background-repeat: no-repeat; background-position:5px -108px;}

.wrapper header nav .icon_practice{ padding:30px 0px 0px 0px; width:65px; margin:0 auto; position:relative; background-image:url(../images/zigya_header_icons.png); background-repeat: no-repeat; background-position:-130px -1px;}

.wrapper header nav .icon_practice:hover{ padding:30px 0px 0px 0px; margin:0 auto; position:relative;  background-image:url(../images/zigya_header_icons.png); background-repeat: no-repeat; background-position:-130px -108px;}

.wrapper header nav .icon_assignment{padding:30px 0px 0px 0px; width:87px; margin:0 auto; position:relative;  background-image:url(../images/zigya_header_icons.png); background-repeat: no-repeat; background-position:-265px -1px;}

.wrapper header nav .icon_assignment:hover{padding:30px 0px 0px 0px; margin:0 auto; position:relative;  background-image:url(../images/zigya_header_icons.png); background-repeat: no-repeat; background-position:-265px -108px;}

.wrapper header nav .icon_test{ width:34px; padding:30px 0px 0px 0px; margin:0 auto; position:relative;  background-image:url(../images/zigya_header_icons.png); background-repeat: no-repeat; background-position:-437px -1px;}

.wrapper header nav .icon_test:hover{padding:30px 0px 0px 0px; margin:0 auto; position:relative;  background-image:url(../images/zigya_header_icons.png); background-repeat: no-repeat; background-position:-437px -108px;}

.wrapper header nav .icon_myspace{ width:67px; padding:30px 0px 0px 0px; margin:0 auto; position:relative; background-image:url(../images/zigya_header_icons.png); background-repeat: no-repeat; background-position:-565px -1px;}

.wrapper header nav .icon_myspace:hover{padding:30px 0px 0px 0px; margin:0 auto; position:relative;  background-image:url(../images/zigya_header_icons.png); background-repeat: no-repeat; background-position:-565px -108px;}

.wrapper header nav .icon_groupwall{ width:115px; padding:30px 0px 0px 0px; margin:0 auto; position:relative;  background-image:url(../images/zigya_header_icons.png); background-repeat: no-repeat; background-position:-686px -1px;}

.wrapper header nav .icon_groupwall:hover{padding:30px 0px 0px 0px; margin:0 auto; position:relative;  background-image:url(../images/zigya_header_icons.png); background-repeat: no-repeat; background-position:-686px -108px;}

/* 2.3 Container */

.wrapper .Container{margin:0 auto; margin-top:36px;}

/* 2.3.1 Container */

.wrapper .zigya_search{ width:480px; margin:0 auto; height:105px; margin-top:35px;}

.wrapper .search{ background:#ffffff; border:1px solid #aaabab; border-radius:10px; width:474px; margin:0px auto; padding:3px;}

.wrapper .search_input{ float:left; width:425px; height:40px; border:0 none; outline:0 none; font-size:20px; -webkit-appearance: none;}

.wrapper .search_icon{ float:right; width:35px; margin:5px 10px 0px 0px;}

.wrapper .search_options{ width:186px; float:right; margin:20px 0px 0px 0px;}

.wrapper .search_options ul{ width:130px; float:right; margin:0px 0px 0px 0px;}

.wrapper .search_options ul li{ float:left; text-align:center; list-style:none; padding-right:10px;}


/*2.3.2 Login Form*/

.wrapper .Container .information{}

.wrapper .Container .information_inner{
	width:92%;
	margin-bottom: 30px;
	float:left;
	padding:8% 5%;
	position:relative;
	-webkit-box-shadow: 0px 7px 14px 0px rgba(50, 50, 50, 0.14);
	-moz-box-shadow:    0px 7px 14px 0px rgba(50, 50, 50, 0.14);
	box-shadow:         0px 7px 14px 0px rgba(50, 50, 50, 0.14);
	border:1px solid #ffffff;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	background: #e3e5e4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(left,  #e3e5e4 0%, #ffffff 14%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e3e5e4), color-stop(14%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #e3e5e4 0%,#ffffff 14%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #e3e5e4 0%,#ffffff 14%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #e3e5e4 0%,#ffffff 14%); /* IE10+ */
	background: linear-gradient(to right,  #e3e5e4 0%,#ffffff 14%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e5e4', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
	max-height: 476px;
}
.wrapper .Container .information_nav{ float:left; width:50px; margin-top:50px;}

.wrapper .Container .information_nav ul li{ list-style:none; height:60px;}

.wrapper .Container .information_nav ul li:nth-child(1){ position:relative; z-index:3;}

.wrapper .Container .information_nav ul li:nth-child(2){ position:relative; z-index:2;}

.wrapper .Container .information_nav ul li:nth-child(3){ position:relative; z-index:1;}

.information_inner p{ color:#D0D2D3; text-align:center; font-size:36px;}

.information_inner p span.content_blue{ color:#00aeef;}

.information_inner p span.content_pink{ color:#ec008c;}

.wrapper .Container .information_nav{ float:left; width:50px; margin-top:50px;}

.wrapper .Container .information_nav ul li{ list-style:none; height:60px;}

.wrapper .Container .information_nav ul li:nth-child(1){ position:relative; z-index:3;}

.wrapper .Container .information_nav ul li:nth-child(2){ position:relative; z-index:2;}

.wrapper .Container .information_nav ul li:nth-child(3){ position:relative; z-index:1;}

.Submit{  background:url(../images/submit.png) no-repeat top center; border:0 none; width:25px; height:25px; cursor:pointer; padding-bottom:5px;}



.member_join_in p{font-size:14px; text-align:center; margin-top:25px;}

.member_join_in .textfield{ border:0 none; box-shadow:none; background:none; outline:0 none; height:50px; text-align:center; margin: 0px 0px 20px 0px; font-size:36px; font-weight:normal; font-family: 'ralewayregular' !important; letter-spacing:3px; }

.navigation{ background-image:url(../images/navigation_bg2.png); background-repeat:no-repeat;  background-position:29px 20px; width:490px;  margin:36px auto 0px auto;}

.navigation ul li { list-style:none; float:left; margin:0px 11px;}

.navigation1{ background-position:29px 20px;  margin:10px auto 0px auto;}

.navigation1 ul li { list-style:none; float:left; margin:0px 11px;}

.navigation ul li.custom{margin: 0px 4px;}
.navigation ul li.custom1{margin: 0px 24px;}
.navigation ul li.custom2{margin: 0px 16px;}
#radio_btn{ width:20px; margin:0 auto;}

.join_in{margin:0px;}

.join_as{ margin-left:60px;}

.forgot_password{ margin-left:26px;}
.other{margin-left: 63px;}
.submit_btn1 {
margin: 14px 0px 0px 75px;
}
.submit_btn{ margin:14px 0px 0px 55px;}
	
input[type='radio'] {
  -webkit-appearance:none;
  -moz-appearance:none;
  -ms-appearance:none;
  -o-appearance:none;
  width:12px;
  height:12px;
  border:1px solid #ec008c;
  border-radius:50%;
  outline:none;
  box-shadow:0 0 5px 0px #ec008c inset;
}

input[type='radio']:hover {
  box-shadow:0 0 5px 0px #ec008c inset;
}

input[type='radio']:before {
  content:'';
  display:block;
  width:60%;
  height:60%;
  margin: 20% auto;    
  border-radius:50%;
  outline:#ec008c;
}
input[type='radio']:checked:before {
  background:#ec008c;
}
input[type=text]{ text-transform:capitalize;}
input[type=email],input[name=email],input[name=password], input[type=password]{ text-transform:none;}

/*.error{ color:#F00; font-size:12px; position:absolute; left:15px; bottom:15px;}*/
.error_box{display:block; font-size:12px; position:absolute; left:15px; bottom:8px;}
/* .error{ color:#F00;} */
.error samp{
	font-weight:bold;
}

.detailed_form{ font-size:12px; position:absolute; right:15px; bottom:15px;}

.add_more{font-size:12px; position:absolute; left:15px; bottom:35px; display:none;}

.add{ position:absolute; top:10px; right:10px;}

.information_aside{ }
.options{
	margin-top:20px;
	position:relative;
	width:260px;
	padding:4% 5%;
	float:left;
	-webkit-box-shadow: 0px 7px 14px 0px rgba(50, 50, 50, 0.14);
	-moz-box-shadow:    0px 7px 14px 0px rgba(50, 50, 50, 0.14);
	box-shadow:         0px 7px 14px 0px rgba(50, 50, 50, 0.14);
	border:1px solid #ffffff;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	background: #e3e5e4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(left,  #e3e5e4 0%, #ffffff 14%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e3e5e4), color-stop(14%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #e3e5e4 0%,#ffffff 14%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #e3e5e4 0%,#ffffff 14%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #e3e5e4 0%,#ffffff 14%); /* IE10+ */
	background: linear-gradient(to right,  #e3e5e4 0%,#ffffff 14%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e5e4', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}

.options ul li{ list-style:none; float:left; width:50px; margin-left:10px; height:35px; margin-top:10px;}

.add_minus{ position:absolute; z-index:1; right:10px; top:10px; width:35px;}

.add_icon{ float:left;}

.minus_icon{ float:right;}

.option_nav{ float:left; width:30px; margin-top:55px;}

.option_nav ul li{ list-style:none; height:45px;}

.option_nav ul li:nth-child(1){ position:relative; z-index:3;}

.option_nav ul li:nth-child(2){ position:relative; z-index:2;}

.option_nav ul li:nth-child(3){ position:relative; z-index:1;}

.social{ margin:30px auto 0px auto; width:200px;}

.social ul li{ list-style:none; float:left; width:22px; margin-right:10px; }

.social ul li:nth-child(last){ margin:0px;}


.go_back{ position:absolute; bottom:30px; left:20px; width:30px; height:30px; background-image:url(../images/go_back.png); background-position:-30px 0px; background-repeat:no-repeat;}

.go_back:hover{ position:absolute; bottom:30px; left:20px; width:30px; height:30px; background-image:url(../images/go_back.png); background-position:0px 0px; background-repeat:no-repeat;}

.go_back a{ display:block; padding:15px;}

.go_back1{ position:absolute; bottom:30px; left:20px; width:30px; height:30px; background-image:url(../images/go_back.png); background-position:-30px 0px; background-repeat:no-repeat;}

.go_back1:hover{ position:absolute; bottom:30px; left:20px; width:30px; height:30px; background-image:url(../images/go_back.png); background-position:0px 0px; background-repeat:no-repeat;}

.go_back1 a{ display:block; padding:15px;}

.go_back2{ position:absolute; bottom:30px; left:20px; width:30px; height:30px; background-image:url(../images/go_back.png); background-position:-30px 0px; background-repeat:no-repeat;}

.go_back2:hover{ position:absolute; bottom:30px; left:20px; width:30px; height:30px; background-image:url(../images/go_back.png); background-position:0px 0px; background-repeat:no-repeat;}

.go_back2 a{ display:block; padding:15px;}

.completion_message{ background:none; width:100%; text-align:center; padding:120px 0px 0px 0px; font-size:36px;}

.completion_message .error_box{ position:relative; font-size:36px; }
/*2.3.4 About Us*/

.wrapper .Container .about_us{ width:1054px; position:relative; padding:0px; float:left;}

.wrapper .Container .about_us_inner{
	width:90%;
	position:relative;
	float:left;
	padding:0%;
	-webkit-box-shadow: 0px 7px 14px 0px rgba(50, 50, 50, 0.14);
	-moz-box-shadow:    0px 7px 14px 0px rgba(50, 50, 50, 0.14);
	box-shadow:         0px 7px 14px 0px rgba(50, 50, 50, 0.14);
	border:1px solid #ffffff;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	background: #ffffff;
	height:515px;
}

.wrapper .Container .about_us_inner .about_image{ width:350px; height:515px; background-image:url(../images/about_us.png); background-repeat:no-repeat; background-position:left left; background-size:385px;}

.wrapper .Container .about_us_inner .about_container{ padding:10px 0px; width:576px;}

.wrapper .Container .about_us_inner .expand{margin:0px 10px 0px 0px;}

.wrapper .Container .about_us_inner h2{ font-size:36px; color:#00aced; padding:0% 8%; }

.wrapper .Container .about_us_inner .seprater{ height:3px; width:100%;}

.wrapper .Container .about_us_inner .seprater ul {
  list-style:none;
  width:100%;
  font-size:0;
}

.wrapper .Container .about_us_inner .seprater li {
  display:inline-block;
  height:3px;
}

.wrapper .Container .about_us_inner .seprater li:nth-child(1) {
  background:#ec008c;
  width:8%;
}

.wrapper .Container .about_us_inner .seprater li:nth-child(2) {
  background:#00aced;
  width:92%;
}

.wrapper .Container .about_us_inner .about_us_content{ padding:4% 8%;}

.wrapper .Container .about_us_inner .about_us_content p{ color:#6D6E70; line-height:20px; padding:1% 0%;}

.wrapper .Container .footer{ position:absolute; z-index:5; bottom:20px; left:200px; width:480px;}

.wrapper .Container .footer ul li{float:left; padding:0px 25px; list-style:none; text-align:center; width:30px; }

.wrapper .Container .footer ul li a{ color:#cececd; text-decoration:none; }


/*Member Join as*/

.member_join_as { margin:35px 0px 10px 0px;}

.member_join_as p{font-size:14px !important; text-align:center !important; margin-top:25px !important;}

.member_join_as .textfield{ border:0 none; background:none; outline:0 none; width:600px; height:40px; text-align:center; margin:20px 0px 20px 110px; font-size:36px; font-weight:normal; font-family: 'ralewayregular' !important
;}


#radio_btn{ margin-left:34px; width:20px; margin:0 auto;}

.member_join_as .male{margin-left:4px;}

.member_join_as .female{ margin-left:85px;}

.member_join_as .other{ margin-left:83px;}

.member_join_as .submit_btn{ margin:14px 0px 0px 55px;}

.member_join_as .submit_btn2{ margin:0 auto; width:40px;}
	
.member_join_as .navigation{ background-image:url(../images/navigation_bg3.png); background-repeat:no-repeat;  background-position:25px 20px; width:440px;  margin:0 auto;}

.member_join_as .navigation ul li { list-style:none; float:left; margin:0px 8px;}

.member_join_as_form{color:#D0D2D3;  text-align:center; font-size:36px; margin-top:45px; letter-spacing:3px;}

.member_join_as_form .textfield{ border:0 none; background:none; outline:0 none; width:215px; height:48px; text-align:center; margin:0px; font-size:34px; font-weight:normal; font-family: 'ralewayregular' !important;}

/*.textfield::-webkit-input-placeholder{color:#ec008c;}
.textfield::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder{ color:#ec008c;}*/

.member_join_as_form .textfield2{ border:0 none; background:none; outline:0 none; width:110px; height:48px; text-align:center; margin:0px; font-size:34px; font-weight:normal; font-family: 'ralewayregular' !important; }

.member_join_as_form .textfield3{ border:0 none; background:none; outline:0 none; width:460px; height:48px; text-align:center; margin:0px; font-size:34px; font-weight:normal; font-family: 'ralewayregular' !important; }

.member_join_as_form .textfield4{ border:0 none; background:none; outline:0 none; width:340px; height:48px; text-align:center; margin:0px; font-size:34px; font-weight:normal; font-family: 'ralewayregular' !important; }

.member_join_as_form .textfield5{ border:0 none; background:none; outline:0 none; width:560px; height:48px; text-align:center; margin:0px; font-size:34px; font-weight:normal; font-family: 'ralewayregular' !important; }

.member_join_as_form2{color:#D0D2D3;  text-align:center; font-size:36px; margin-top:50px;}

.member_join_as_form2 .textfield{ border:0 none; background:none; outline:0 none; width:215px; height:48px; text-align:center; margin:0px; font-size:36px; font-weight:normal; font-family: 'ralewayregular' !important;}

.wrapper .Container .information_inner2{
	width:92%;
	float:left;
	padding:3% 5%;
	position:relative;
	-webkit-box-shadow: 0px 7px 14px 0px rgba(50, 50, 50, 0.14);
	-moz-box-shadow:    0px 7px 14px 0px rgba(50, 50, 50, 0.14);
	box-shadow:         0px 7px 14px 0px rgba(50, 50, 50, 0.14);
	border:1px solid #ffffff;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	background: #e3e5e4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(left,  #e3e5e4 0%, #ffffff 14%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e3e5e4), color-stop(14%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #e3e5e4 0%,#ffffff 14%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #e3e5e4 0%,#ffffff 14%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #e3e5e4 0%,#ffffff 14%); /* IE10+ */
	background: linear-gradient(to right,  #e3e5e4 0%,#ffffff 14%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e5e4', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
	height:462px;
}

.information_inner2 p{ color: #D0D2D3;
text-align: center;
font-size: 14px;
margin-top: 25px;}

.content_blue{ color:#00aeef !important;}

.content_pink{ color:#ec008c !important;}

.information_inner2 a{ color:#00aeef;}

.select_subject{ display:none; color:#D0D2D3; text-align:center; font-size:36px; padding: 12% 0% 0% 0%; letter-spacing:3px;}

.select_class{ display:none; color:#D0D2D3; text-align:center; font-size:36px; padding: 12% 0% 0% 0%; letter-spacing:3px;}

.join_as_detail, .detail{ font-size:30px;}

::-webkit-input-placeholder {
   text-transform:none;
}

:-moz-placeholder { /* Firefox 18- */
     text-transform:none;
}

::-moz-placeholder {  /* Firefox 19+ */
    text-transform:none;
}

:-ms-input-placeholder {  
     text-transform:none;
}

/*input.caps[placeholder], [placeholder], *[placeholder] { text-transform:inherit;}*/

.caps{ text-transform:uppercase !important;}

.state_form, .city_form{ text-align:center; font-size:14px; padding: 0% 0% 0% 0%; float:left; width:135px; cursor:pointer;}

.join_as_detail, .classes, .school, .board, .subject, .city, .state, .institute, .detail{ cursor:pointer;}

.select_school{ display:none; text-align:center; color:#D0D2D3; line-height:36px;  font-size:36px; padding: 12% 0% 0% 0%; letter-spacing:3px;}

.select_board{ display:none; color:#D0D2D3;    text-align:center; font-size:36px; padding: 12% 0% 0% 0%; line-height:36px; letter-spacing:3px;}

.select_city{display:none; color:#D0D2D3;  line-height:36px;   text-align:center; font-size:36px; padding: 12% 0% 0% 0%; letter-spacing:3px;}

.select_state{display:none; color:#D0D2D3; line-height:36px;  text-align:center; font-size:36px; padding: 12% 0% 0% 0%; letter-spacing:3px;}

.select_institute{display:none; color:#D0D2D3; line-height:36px;  text-align:center; font-size:36px; padding: 12% 0% 0% 0%; letter-spacing:3px;}

.select_school .textfield{ border:0 none; background:none; outline:0 none; width:380px; height:48px; text-align:center; margin:0px; font-size:36px; font-weight:normal; font-family: 'ralewayregular' !important; }

.select_board .textfield{ border:0 none; background:none; outline:0 none; width:380px; height:48px; text-align:center; margin:0px; font-size:36px; font-weight:normal; font-family: 'ralewayregular' !important; }

.select_subject .textfield{ border:0 none; background:none; outline:0 none; width:380px; height:48px; text-align:center; margin:0px; font-size:36px; font-weight:normal; font-family: 'ralewayregular' !important; }

.select_city .textfield{ border:0 none; background:none; outline:0 none; width:380px; height:48px; text-align:center; margin:0px; font-size:36px; font-weight:normal; font-family: 'ralewayregular' !important;}

.select_state .textfield{ border:0 none; background:none; outline:0 none; width:380px; height:48px; text-align:center; margin:0px; font-size:36px; font-weight:normal; font-family: 'ralewayregular' !important;}

.select_institute .textfield{ border:0 none; background:none; outline:0 none; width:380px; height:48px; text-align:center; margin:0px; font-size:36px; font-weight:normal; font-family: 'ralewayregular' !important;}

/*Member Join as options*/

.member_join_as_options { margin:95px 0px 10px 0px;}

.member_join_as_options p{font-size:14px !important; text-align:center !important; margin-top:25px !important;}

.member_join_as_options .textfield{ border:0 none; background:none; outline:0 none; width:600px; height:40px; text-align:center; margin:20px 0px 20px 110px; font-size:36px; font-weight:normal; font-family: 'ralewayregular' !important
;}

#radio_btn{ width:20px; margin:0 auto;}

.member_join_as .school_option{margin:0px 0px 0px -2px;}

.member_join_as .college{ margin-left:77px;}

.member_join_as .business{ margin-left:50px;}

.member_join_as .submit_btn3{ margin:14px 0px 0px 20px;}

.member_join_as_options .student{margin:0px 0px 0px 3px;}

.member_join_as_options .teacher{ margin-left:52px;}

.member_join_as_options .Educator{ margin-left:50px;}

.member_join_as_options .parents{ margin-left:50px;}

.member_join_as_options .Institution_entity{ margin-left:50px;}

.member_join_as_options .submit_btn{ margin:14px 0px 0px 50px !important;}
	
.member_join_as_options .navigation{ background-image:url(../images/navigation_bg4.png); background-repeat:no-repeat;  background-position:34px 20px; width:664px;  margin:0px auto;}

.member_join_as_options .navigation ul li { list-style:none; float:left; margin:0px 8px;}

.join_as_heading{ font-size:36px; /*color:#00aced !important;*/ margin-top:60px;}

/*Member Join as options*/


/*detailed join as*/
.question_answers{
	width:90%;
	padding:0%;
	float:left;
}

.question_answer_header{
	width:94%;
	float:left;
	padding:3% 3%;
	
	border-bottom:#e3e5e4 4px solid;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccdcf', endColorstr='#e7e7e8',GradientType=1 ); /* IE6-8 */
}

.questions{ width:45%; padding-right:5%; float:left; color:#7f8083; }

.header_text{ float:left; width:88%; color:#cececf; font-size:24px;}

.menu_icon{float:left; width:12%; padding-top:14px;}

.answers{ width:45%; padding-left:5%; float:left; color:#7f8083; position:relative;}

.expand{ float:right; width:7%;}

.edit{ float:right; width:7%;}

.question{ margin:0px;}

.q1{margin:0px 0px 100px 0px; width:75%; float:left;}

.q1:nth-child(5){margin:0px 0px 0px 0px;}

.bookmarks{ float:right; width:25%; position: relative;
left: 65px;
top: -45px;}

.bookmarks ul li{ float:left; padding-left:8px; list-style:none;}

.show{width:20px; margin:0 auto;}
.show2{width:20px; margin:0 auto; transform:rotate(180deg);}

#full_question{display:none;}

.answer{ float:left; width:85%;}

.answer p{ padding:10px 0px;}

.answer p:nth-child(1){ padding:0px 0px 10px 0px;}

.answer p:nth-last-of-type(1){ padding:10px 0px 0px 0px;}

.call_of_actions{ float:right; width:9%; position:absolute; bottom:0px; right: -32px;}

.call_of_actions ul li{list-style:none; padding:2px 0px; }

.question_answer_body{
	width:90%;
	float:left;
	padding:5% 5%;
	-webkit-box-shadow: 0px 7px 14px 0px rgba(50, 50, 50, 0.14);
	-moz-box-shadow:    0px 7px 14px 0px rgba(50, 50, 50, 0.14);
	box-shadow:         0px 7px 14px 0px rgba(50, 50, 50, 0.14);
	border:1px solid #ffffff;
	background: #e3e5e4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(left,  #e3e5e4 0%, #ffffff 11%, #ffffff 50%, #e3e5e4 50%, #ffffff 61%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e3e5e4), color-stop(11%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#e3e5e4), color-stop(61%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #e3e5e4 0%,#ffffff 11%,#ffffff 50%,#e3e5e4 50%,#ffffff 61%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #e3e5e4 0%,#ffffff 11%,#ffffff 50%,#e3e5e4 50%,#ffffff 61%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #e3e5e4 0%,#ffffff 11%,#ffffff 50%,#e3e5e4 50%,#ffffff 61%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to right,  #e3e5e4 0%,#ffffff 11%,#ffffff 50%,#e3e5e4 50%,#ffffff 61%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e5e4', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}

.wrapper .Container .detailed_join_as{ width:980px; position:relative; padding:0px; float:left;}

.wrapper .Container .detailed_join_as_inner{
	width:90%;
	position:relative;
	float:left;
	padding:0%;
	-webkit-box-shadow: 0px 7px 14px 0px rgba(50, 50, 50, 0.14);
	-moz-box-shadow:    0px 7px 14px 0px rgba(50, 50, 50, 0.14);
	box-shadow:         0px 7px 14px 0px rgba(50, 50, 50, 0.14);
	border:1px solid #ffffff;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	background: #ffffff;
	height:510px;
	background: url();
	background: -moz-linear-gradient(left,  #e3e5e4 0%, #ffffff 11%, #ffffff 50%, #e3e5e4 50%, #ffffff 61%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e3e5e4), color-stop(11%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#e3e5e4), color-stop(61%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #e3e5e4 0%,#ffffff 11%,#ffffff 50%,#e3e5e4 50%,#ffffff 61%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #e3e5e4 0%,#ffffff 11%,#ffffff 50%,#e3e5e4 50%,#ffffff 61%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #e3e5e4 0%,#ffffff 11%,#ffffff 50%,#e3e5e4 50%,#ffffff 61%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to right,  #e3e5e4 0%,#ffffff 11%,#ffffff 50%,#e3e5e4 50%,#ffffff 61%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e5e4', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */

}
#description p{font-size: 14px;
color: #999999;
line-height: 24px;
width: 80%;
margin-left: 28px;}
#description1 p{font-size: 14px;
color: #999999;
line-height: 24px;
width: 80%;
margin-left: 28px;}
#description2 p{font-size: 14px;
color: #999999;
line-height: 24px;
width: 80%;
margin-left: 28px;}
#description3 p{font-size: 14px;
color: #999999;
line-height: 24px;
width: 80%;
margin-left: 28px;}
.detailed_join_as_inner .selections{ float:left; width:48%; margin:15px 0px 0px 15px;}

.detailed_join_as_inner .lifetime_member{ width:190px; margin:0 auto;}

.detailed_join_as_inner .submission_categories{ width:306px; font-size:24px; margin-left:36px;}

.detailed_join_as_inner .submission_categories ul{ margin:0px;}

.detailed_join_as_inner .submission_categories ul li{ margin:8px 0px; cursor:pointer; color:#999999; font-size:21px; padding-bottom:0px}

.detailed_join_as_inner .submission_categories ul li.active{ color:#ec008c;}

.detailed_join_as_inner .detailed_submission{float:right; width:47%; margin:15px 5px 0px 15px;}

.detailed_join_as_inner form{ margin:0px 0px 0px 0px;}

.detailed_join_as_inner .profile_image{ width:130px; margin:0 auto; position:relative; height:115px;}

.profile_pic{ width:120px; margin:5px 0px 0px 5px;}

.detailed_join_as_inner .overlay{ position:absolute; top:0px; left:0px;}

.detailed_join_as_inner .profile_options ul{ width:98px; margin:0 auto; padding:0px;}

.detailed_join_as_inner .profile_options ul li{ display:inline-block; padding:0px 5px; margin:0px;}

.profile_thumbs{ margin:0 auto; width:210px; padding:0px;}

.profile_thumbs ul{margin:0 auto; padding:0px;}

.profile_thumbs ul li{float:left; margin:0px; padding:0px 8px;}

.detailed_join_as_inner .form_fields1, .detailed_join_as_inner .form_fields2, .detailed_join_as_inner .form_fields3{ font-size:14px;}

.textfield_box .add_reportcard{ width:200px; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:5px 0px; margin:0 auto;}

.upload_photos{ margin:20px auto 20px auto; width:400px; color:#000; display:none;}

.upload_photos2{ margin:20px auto 20px auto; width:400px; color:#000; display:none;}

.upload_photos3{ margin:20px auto 20px auto; width:400px; color:#000; display:none;}

.upload_photos a{ color:#000000;}

.upload_school_logo{ width:150px; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:5px 0px; font-size:14px; float:left; text-align:center;}

.upload_class_photo{ width:150px; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:5px 0px; font-size:14px; float:left; margin-left:50px; text-align:center;}

.detailed_join_as_inner .textfield_box{ padding:0px 0px 5px 0px; font-size:14px; font-family: 'ralewayregular'; text-align:center;}

.detailed_join_as_inner .detailed_textfield{ border:0 none; background: none; font-size:14px; text-align:center; outline:none; width:120px; color:#ec008c; font-family: 'ralewayregular'; margin:0 auto;}

.detailed_join_as_inner .detailed_textfield2{ border:0 none; background: none; font-size:14px; text-align:center; outline:none; width:390px; font-family: 'ralewayregular';}

.detailed_join_as_inner .detailed_textfield3{ border:0 none; background: none; font-size:14px; text-align:center; outline:none; width:390px; height:60px; font-family: 'ralewayregular';}

.detailed_join_as_inner .detailed_textfield4{ border:0 none; background: none; font-size:14px; text-align:center; outline:none; width:190px; font-family: 'ralewayregular';}

.detailed_join_as_inner textarea{ resize:none;}

.detailed_join_as_inner .submit_button{ float:right; margin-right:15px;}

.detailed_join_as_inner .submit_button input{ background-image:url(../images/submit.png); background-repeat:no-repeat; outline:0 none; border:0 none; background-position:center center; width:30px; height:30px; background-color:#fff;}

.academic_details, .professional_details, .myinterest{ display:none;}

textarea, input{ font-family: 'ralewayregular';}

.professional_image, .academic_image, .form_fields2, .form_fields3, .select_schoolform, .select_cityform, .select_stateform{ display:none;}

.academic_year, .professional_year{ margin:20px auto 10px auto; width:125px; text-align:center; font-size:14px; color:#999;}

.arrow{ font-size:16px; color:#999999; padding:0px 5px;}

.arrow a{ color:#999999;}

.choices{ margin:0px auto 20px auto; width:250px;}

.choices ul li{ display:inline-block; font-size:14px; padding:0px 20px;}

.choices ul li a{ color:#00aeef;}

.choices ul li a:hover{ color:#ec008c; border-bottom:2px solid #ec008c; padding-bottom:3px;}

.selected2{ color:#ec008c !important; border-bottom:2px solid #ec008c; padding-bottom:3px;}

.select_schoolform{ display:none; color:#D0D2D3;  text-align:center; font-size:14px; padding: 12% 0% 0% 0%; letter-spacing:3px;}

.select_schoolform .textfield{ border:0 none; background:none; outline:0 none; width:380px; height:48px; text-align:center; margin:0px; font-size:14px; font-weight:normal; font-family: 'ralewayregular' !important; }

.select_classform{ display:none; color:#D0D2D3;  text-align:center; font-size:14px; padding: 12% 0% 0% 0%; letter-spacing:3px;}

.select_classform .textfield{ border:0 none; background:none; outline:0 none; width:380px; height:48px; text-align:center; margin:0px; font-size:14px; font-weight:normal; font-family: 'ralewayregular' !important; }

.select_stateform{ display:none; color:#D0D2D3;  text-align:center; font-size:14px; padding: 12% 0% 0% 0%; letter-spacing:3px;}

.select_stateform .textfield{ border:0 none; background:none; outline:0 none; width:380px; height:48px; text-align:center; margin:0px; font-size:14px; font-weight:normal; font-family: 'ralewayregular' !important;}

.select_cityform{ display:none; color:#D0D2D3;  text-align:center; font-size:14px; padding: 12% 0% 0% 0%; letter-spacing:3px;}

.select_cityform .textfield{ border:0 none; background:none; outline:0 none; width:380px; height:48px; text-align:center; margin:0px; font-size:14px; font-weight:normal; font-family: 'ralewayregular' !important;}

.get_class_detail, .get_state_detail, .get_city_detail, .get_school_detail, .get_college_detail, .get_PG_detail{ line-height:20px; cursor:pointer;}

.select_collegeform{ display:none; color:#D0D2D3;  text-align:center; font-size:14px; padding: 12% 0% 0% 0%; letter-spacing:3px;}

.select_collegeform .textfield{ border:0 none; background:none; outline:0 none; width:380px; height:48px; text-align:center; margin:0px; font-size:14px; font-weight:normal; font-family: 'ralewayregular' !important;}

.select_PGform{ display:none; color:#D0D2D3;  text-align:center; font-size:14px; padding: 12% 0% 0% 0%; letter-spacing:3px;}

.select_PGform .textfield{ border:0 none; background:none; outline:0 none; width:380px; height:48px; text-align:center; margin:0px; font-size:14px; font-weight:normal; font-family: 'ralewayregular' !important;}


/* 2.4 Footer */

footer{ position:absolute; z-index:1000; bottom:20px; width:900px;}

footer ul li{ color:#cececd; float:left; padding:0px 20px; list-style:none; text-align:center; width:140px; text-transform:uppercase;}

footer ul li a{ color:#cececd; text-decoration:none; }

footer ul li a:hover{  color:#cececd; border-bottom:5px solid #ec008c; text-decoration:none; padding-bottom:5px;}

footer ul li a.active{}
.form-control:focus{
box-shadow:none !important;}
.form-control{padding:0px !important;}
.color{color: #ec008c !important;}
.color1{color:#00aeef !important;}
p.custom-class{color: #D0D2D3;
text-align: center;
font-size: 14px;
margin-top: 25px;}
@media screen and (min-width: 1279px) and (max-width: 1365px) {
.wrapper .Container{margin:0 auto; width:1220px;}
.wrapper .Container .information{}
.wrapper .Container .about_us {width: 945px; position: relative; padding: 0px; float: left;}
.wrapper .Container .about_us_inner .about_container { padding: 10px 0px; width: 523px;}
.wrapper .Container .detailed_join_as{ width:945px; position:relative; padding:0px; float:left;}


}
@media (max-width:1024px){
.navigation{margin-left: 40px;}
.member_join_in .textfield{margin: 0px 0px 20px 0px;}
.wrapper .Container .information_inner2{height:436px; padding-top:1px;}
.member_join_as_form{margin-top:0px;}
.wrapper .Container .information_inner{height:408px;}
.member_join_as_options{margin: 95px 0px 10px -34px;}
.member_join_as_form2{margin-top: 0px;}
.member_join_in{margin-top:-24px;}
.member_join_as{margin: 20px 0px 10px 0px;}
.member_join_as_form{line-height: 46px;}
}
@media(max-width:768px){
.wrapper header nav{
width:auto;
background: none;
left: -15px;
}
.wrapper header nav ul li a p{text-transform: capitalize;
text-align: left;
font-size: 16px;}
.wrapper header nav ul li{float: none;
list-style: none;
text-align: left;}
.wrapper header .login{
right: 0px;
top: 10px;}
.navbar-brand{padding: 0px 0px !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}
}
@media (max-width: 400px){
.member_join_in .textfield{ border:none; background:none; box-shadow: none; outline:0 none; height:50px; margin:0; text-align:center; font-size:24px; font-weight:normal; font-family: 'ralewayregular' !important; letter-spacing:3px; }
.navigation{background-position: 28px 20px;
width: 316px;
margin: 36px auto 0px auto;
background-size: 57%;}
.navigation ul li{margin: 0px 14px;}
.join_as{margin:0px;}
.member_join_in p {
font-size: 12px;}
#radio_btn{
margin-left: 10px;
}
.zero-padding{padding:0px !important;}
.member_join_as_form{color: #D0D2D3;
text-align: center;
font-size: 24px;
margin-top: 0px;
letter-spacing: 3px;}
.custom-margin-bottom{margin-bottom: 36px;}
.member_join_as_form .textfield{font-size:24px;}
.member_join_as_form .textfield2{font-size:24px;}
}

/*year slide code*/


#container2 {
	width:85px;
	padding:0px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:85px;
	height:20px;
	position:relative;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

#slides2 {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:85px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:85px;
	height:20px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:0px;
	left:-20px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:80px;
}



#slides2 .next,#slides2 .prev {
	position:absolute;
	top:0px;
	left:-20px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides2 .next {
	left:80px;
}
/*
	Pagination
*/

.pagination {
	margin:0px auto;
	width:85px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Footer
*/

/*#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}*/

/*
	Anchors
*/

a:link,a:visited {
	color:#999999;
	text-decoration:none;
}

a:hover,a:active {
	color:#999999;
	text-decoration:none !important;
}

/*year slide code*/





